var inputs=document.getElementsByTagName('input');
for(var i=0;i<inputs.length;i++){
	inputs[i].onblur=inputBlur;
}
function inputBlur(){
	var name=this.name;
	var value=this.value;
	var tips=this.placeholder;
	var div=this.parentNode.nextElementSibling.firstChild;
	value=value.trim();
	if(value==null||value==''){
		div.innerHTML="输入框不能为空";
		div.className='error';
	}else{
		var reg=getRegMsg(name);
		if(value.match(reg)){
			div.innerHTML="输入正确";
			div.className='success'
		}else{
			div.innerHTML=tips;
			div.className='error';
		}
	}
}
function getRegMsg(name){
	var reg='';
	switch(name){
		case 'username':
			reg=/^[a-zA-Z]{4,12}$/;
			break;
		case 'pwd':
			reg=/^\w{6,20}$/;
			break;
		case 'repwd':
			var pwd=document.getElementsByTagName('input')[1].value;
			reg=new RegExp('^'+pwd+'$');
			break;
		case 'tel':
			reg=/^1[34578]\d{9}$/;
			break;
		case 'email':
			reg=/^(\w(\-|\.)*)+@+(\w+(\-)?)+(\.\w{2,})$/;
			break;
		default:
			break;
	}
	return reg;
}
var provinceArr=['浙江','江苏','上海'];
var cityArr=[
   ['杭州','宁波','温州','绍兴','台州'],
   ['南京','苏州','无锡','扬州'],
   ['黄埔区','浦东区','静安区']
   ];
var province=document.getElementById('province');
var city=document.getElementById('city');
for(var i in provinceArr){
	// <option value="0">浙江</option>
	// Option(x,y): x:文本，y:value
	var op=new Option(provinceArr[i],i);
	province.options.add(op);
}
province.onchange=function(){
	// 添加之前先清空列表
	city.length=0;	
	// 选中的当前省份对应的城市下拉列表数据显示出来
	   // 1)获得选中的当前省份
	   var selected=province.value
	   // 2)对应的城市数据  cityArr[selected]
	
	for(var j in cityArr[selected]){
		var op=new Option(cityArr[selected][j],j);
		city.options.add(op);
	}
}